<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>个人空间</title>
<base th:href="@{/}">
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="static/theme/index.css">
<link rel="stylesheet" href="static/css/myStyle.css"/>
<link rel="stylesheet" href="static/css/reset.css"/>
</head>
<body>
	
	<div id="hSpace">
		<template>
			<el-container>
				<el-aside width="250px">
					<el-menu style="height:800px"
						background-color="rgb(36, 47, 66)"
						text-color="#fff"
					      default-active="1-1"
					      class="el-menu-vertical-demo">
					      <el-submenu index="1">
					        <template slot="title">
					          <i class="el-icon-location"></i>
					          <span>个人详情</span>
					        </template>
					        <el-menu-item-group>
				
					          <el-menu-item index="1-1" @click="show(0)">基本信息</el-menu-item>
					    
					        </el-menu-item-group>
					      </el-submenu>
					      <el-menu-item index="2" @click="show(2)">
					        <i class="el-icon-menu"></i>
					        <span slot="title">简历管理</span>
					      </el-menu-item>
					      <el-menu-item index="3" @click="show(3)">
					        <i class="el-icon-document"></i>
					        <span slot="title">发布职位</span>
					      </el-menu-item>
					      <el-menu-item index="1" @click="show(1)">
					        <i class="el-icon-document"></i>
					        <span slot="title">修改密码</span>
					      </el-menu-item>
					     
    				</el-menu>
				</el-aside>
				<el-container>
					<el-header>
						<el-col :span="2" style="float:right">
							
							<el-image :src="userD.himg" style="width:40px;border-radius:50%">
						      <div slot="error" class="image-slot">
						        <i class="el-icon-picture-outline"></i>
						      </div>
						    </el-image>
						     <el-dropdown class="user-name" trigger="click">
					                    <span class="el-dropdown-link">
					                        {{userD.hid}}
					                        <i class="el-icon-caret-bottom"></i>
					                    </span>
					                    <el-dropdown-menu slot="dropdown">
					                    	<el-dropdown-item divided>
					                        	<el-link :underline="false" target="_blank" href="http://localhost:8082/">打开首页</el-link>
					                        </el-dropdown-item>
					                        <el-dropdown-item divided>
					                        	<el-button type="text" @click="logout">登出</el-button>
					                        	<form hidden th:action="@{/logout}" method="post">
										            <button id="log" type="submit" class="btn btn-default">登出</button>
										        </form>
					                        </el-dropdown-item>
					                    </el-dropdown-menu>
							</el-dropdown>
						</el-col>
					</el-header>
					<el-main>
						<el-card shadow="hover"  class="box-card" v-show="showdiv[0].isshow">
						  <div class="text item" >
						  		<el-form style="text-align:center">
						  			
						  			<el-form-item>
							  			
							  				<el-col :span="2" :offset="5"><label>用户名</label></el-col>
							  				<el-col :span="12">
							  					<el-input class="user-input user-form-input" :value="userD.hid" v-model="userD.hid" :disabled="!userDtable[0].isEnable"></el-input>
							  				
							  				
							  			</el-row>
						  			</el-form-item>
						  			<el-form-item>
						  				<el-col :span="2" :offset="5"><label>手机号</label></el-col>
						  				<el-col :span="12">
						  					<el-input class="user-input user-form-input" :value="userD.hphone" v-model="userD.hphone" :disabled="!userDtable[1].isEnable"></el-input>
						  			
						  				</el-col>
						  				
						  			</el-form-item>
						  			<el-form-item>
						  				<el-col :span="2" :offset="5"><label>邮箱</label></el-col>
						  				<el-col :span="12">
						  					<el-input class="user-input user-form-input" :value="userD.hemail" v-model="userD.hemail" :disabled="!userDtable[2].isEnable"></el-input>
						  					
						  				</el-col>
						  				
						  			</el-form-item>
					
						  			<el-form-item>
						  				<el-col :span="2" :offset="5"><label>性别</label></el-col>
						  				<el-col :span="12">
						  					<el-input v-if="!userDtable[4].isEnable" class="user-input user-form-input" :value="userD.hgender" v-model="userD.hgender" :disabled="!userDtable[4].isEnable"></el-input>
						  				
						  					<el-select v-if="userDtable[4].isEnable" class="user-input" v-model="userD.hgender" placeholder="请选择" :disabled="!userDtable[4].isEnable">
												<el-option value="女"></el-option>
												<el-option value="男"></el-option>
											</el-select>
						  				</el-col>
							  			
						  			</el-form-item>
						  
						  		</el-form>
						  		
						  </div>
						</el-card>
						<el-card shadow="hover" class="box-card" v-show="showdiv[1].isshow">
							
								<el-form style="text-align:center">
									<el-form-item>
										<label>旧密码&nbsp;&nbsp;&nbsp;</label>
										<el-input v-model="hpwd" class="user-input" show-password></el-input>
									</el-form-item>
									<el-form-item >
										<label>新密码&nbsp;&nbsp;&nbsp;</label>
										<el-input v-model="nhpwd" class="user-input" show-password></el-input>
									</el-form-item>
									<el-button type="primary" @click="update">提交修改</el-button>
								</el-form>
					
						</el-card>
						
						<el-card shadow="hover"  class="box-card" v-show="showdiv[2].isshow">
						
							<div style="width:70%;margin:20px auto;font-size:16px;font-weight:300" >
								<el-card style="margin-bottum:10px" shadow="never" v-for="(i,index) in resumeList" :key="index">
									<i class="el-icon-document"></i>
										<span>&nbsp;简历编号：#c00{{ i.rfid }}</span>
										<span>&nbsp;{{ i.uid }} 的简历</span>
										<span>&nbsp;寻求职位：{{ i.jobname }}</span>
										<div style="margin-left:60%">
											<el-button @click="go(i.rfid)"type="text">通过</el-button>
											<el-button @click="changeAndload(i.rfid,i.img)"  type="text">查看</el-button>
											<el-button @click="reject(i.rfid)"  type="text">拒绝</el-button>
										</div>
								</el-card>
							</div>
						</el-card>
						
						<el-card shadow="hover"  class="box-card" v-show="showdiv[3].isshow">
						  <div class="text item" >
						  		<el-form style="text-align:center">
						  			
						  			<el-form-item>
							  			
							  				<el-col :span="2" :offset="5"><label>职位名称</label></el-col>
							  				<el-col :span="12">
							  					<el-input class="user-input user-form-input" v-model="pushjob.jobname"></el-input>
							  				
							  				
							  			</el-row>
						  			</el-form-item>
						  			<el-form-item>
						  				<el-col :span="2" :offset="5"><label>招聘人数</label></el-col>
						  				<el-col :span="12">
						  					<el-input-number class="user-input user-form-input" v-model="pushjob.jnumber" :min="1" :max="10" label="描述文字"></el-input-number>
						  			
						  				</el-col>
						  				
						  			</el-form-item>
						  			<el-form-item>
						  				<el-col :span="2" :offset="5"><label>学历要求</label></el-col>
						  				<el-col :span="12">
						  					<el-select  class="user-input" v-model="pushjob.jeducation" placeholder="请选择">
						  						<el-option value="不限"></el-option>
												<el-option value="本科"></el-option>
												<el-option value="本科以上"></el-option>
												<el-option value="大专"></el-option>
											</el-select>
						  			
						  				</el-col>
						  				
						  			</el-form-item>
						  			<el-form-item>
						  				<el-col :span="2" :offset="5"><label>职位描述</label></el-col>
						  				<el-col :span="12">
						  					<el-input
						  					  class="user-input user-form-input"
											  type="textarea"
											  :rows="4"
											  placeholder="请输入内容"
											  v-model="pushjob.jobdetails">
											</el-input>
						  					
						  				</el-col>
						  				
						  			</el-form-item>
					
						  			<el-form-item>
						  				<el-col :span="2" :offset="5"><label>薪资范围</label></el-col>
						  				<el-col :span="12">
						  					<el-select  class="user-input" v-model="pushjob.jsalary" placeholder="请选择">
						  						<el-option value="50以下/天"></el-option>
												<el-option value="100-200/天"></el-option>
												<el-option value="200-300/天"></el-option>
												<el-option value="300-400/天"></el-option>
												<el-option value="400-500/天"></el-option>
												<el-option value="500以上/天"></el-option>
											</el-select>
						  			
						  				</el-col>
						  				
						  			</el-form-item>
						  			
						  			<el-form-item>
						  				<el-col :span="2" :offset="5"><label>福利描述</label></el-col>
						  				<el-col :span="12">
						  					<el-select  multiple  class="user-input" v-model="pushjob.welfare" placeholder="请选择">
						  						<el-option
											      v-for="(item,i) in options"
											      :key="i"
											      :label="item.value"
											      :value="item.value">
											    </el-option>
											</el-select>
						  			
						  				</el-col>
						  				
						  			</el-form-item>
						  			
						  			<el-form-item>
						  				<el-col :span="2" :offset="5"><label>工作时间</label></el-col>
						  				<el-col :span="12">
						  					<el-select  multiple  class="user-input" v-model="pushjob.jtime" placeholder="请选择">
						  						<el-option value="5天/周"></el-option>
						  						<el-option value="6天/周"></el-option>
						  						<el-option value="4天/周"></el-option>
						  						<el-option value="3天/周"></el-option>
						  						<el-option value="实习3个月"></el-option>
						  						<el-option value="实习6个月"></el-option>
											</el-select>
						  			
						  				</el-col>
						  				
						  			</el-form-item>
						  			
						  			<el-form-item>
						  				<el-col :span="2" :offset="5"><label>发布日期</label></el-col>
						  				<el-col :span="12">
						  					 <el-date-picker class="user-input"
										      v-model="pushjob.jptime"
										      align="right"
										      type="date"
										      placeholder="选择日期"
										      :picker-options="pickerOptions">
										    </el-date-picker>
						  			
						  				</el-col>
						  				
						  			</el-form-item>
						  			<el-form-item>
						  				<el-button @click="submitJob">发布职位</el-button>
						  			</el-form-item>
						  		</el-form>
						  		
						  </div>
						</el-card>
						
						<el-card shadow="never" class="box-card" v-show="showdiv[4].isshow">
									 		<el-row>
										 		<el-col :span="20">
										 			<el-card shadow="never" style="margin-top:20px;" v-for="(i,index) in jobList" :key="index">
										 				<el-row>
											 				<el-col :span="19">
											 					<el-row>
											 						<el-col :span="12">
											 							<el-col :span="10">
											 								{{ i.jobname }}
											 							</el-col>
											 							<el-col :span="8" :offset="2">
											 								<span>{{ i.jsalary }}</span>
											 							</el-col>
											 						</el-col>
											 						<el-col :span="12">{{ i.bname }}</el-col>
											 					</el-row>
											 					<el-row style="margin-top:10px;">
											 						<el-col :span="12">
											 							<span>{{ i.bpro }} | </span>
											 							<span>{{ i.jtime }}</span>
											 						</el-col>
											 						<el-col :span="12">招聘人数 {{ i.jnumber }}</el-col>
											 					</el-row>
											 				</el-col>
											 				<el-col :span="5">
											 					<el-image style="width:50px ":src="i.bimg"></el-image>
											 				</el-col>
											 			</el-row>
											 			<el-divider class="divider1"></el-divider>
											 			<el-row>
											 				<el-col :span="19">{{ i.welfare }}</el-col>
											 				<el-col :span="5">{{ i.jptime }}</el-col>
											 			</el-row>
										 			</el-card>
										 		</el-col>
									 		</el-row>
									 	</el-card>
						
					</el-main>
					<el-footer></el-footer>
				</el-container>
			</el-container>
		</template>
	</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.js"></script>
<script type="text/javascript" src="static/js/hrSpace.js"></script>
</body>
</html>